<template>
	<view >
		<view class="allwrap">
		<view v-if="logType == 0">
		<view class="frame-text">任务名称</view>
		<u-input v-model="value" style="margin-top: 10rpx;max-height: 120rpx;overflow: auto;" 
		placeholder="请输入"
		:type="type" :border="border" :height="height" :auto-height="autoHeight" />
		<view class="frame-line"></view>
		<view class="frame-text">问题描述</view>
		<u-input v-model="value" style="margin-top: 10rpx;max-height: 120rpx;overflow: auto;" 
		placeholder="请输入"
		:type="type" :border="border" :height="height" :auto-height="autoHeight" />
		<view class="frame-line"></view>
		<view class="frame-text">解决方案</view>
		<u-input v-model="value" style="margin-top: 10rpx;max-height: 120rpx;overflow: auto;" 
		placeholder="请输入"
		:type="type" :border="border" :height="height" :auto-height="autoHeight" />
		<view class="frame-line"></view>
		<view class="frame-text">心得体会</view>
		<u-input v-model="value" style="margin-top: 10rpx;max-height: 120rpx;overflow: auto;" 
		placeholder="请输入"
		:type="type" :border="border" :height="height" :auto-height="autoHeight" />
		<view class="frame-line"></view>
		<view class="frame-text">其他</view>
		<u-input v-model="value" style="margin-top: 10rpx;max-height: 120rpx;overflow: auto;" 
		placeholder="请输入"
		:type="type" :border="border" :height="height" :auto-height="autoHeight" />
		<view class="frame-line"></view>
		</view>
		<view v-else>
			<view class="frame-text">标题名称</view>
			<u-input v-model="value" style="max-height:120rpx;" placeholder="请输入" :type="'text'" :border="border" />
			<view class="frame-line"></view>
			<u-input v-model="value" style="margin-top: 10rpx;max-height: 320rpx;overflow: auto;"
			placeholder="请输入"
			:type="type" :border="border" :height="320" :auto-height="autoHeight" />
			<view class="frame-line"></view>
		</view>
		<view class="flexal" style="margin-top: 33rpx;">
			<view class="frame-text" style="flex: 1;margin-top: 0rpx;">发送到人</view>
			<image src="/static/user/addLog.png" style="width: 45rpx;height: 45rpx;" @click="go('/pages5/log/people')" ></image>
		</view>
		
		<view class="frame-people">
			<view class="people-item flexcumal">
			<image :src="avatar" class="item-img"></image>
			<image src="/static/user/close.png" class="icon"></image>
			<view class="frame-name">姓名</view>
			</view>
		</view>
		</view>
		<view style="height: 120rpx;"></view>
		<view class="frame-buttom flexal">
			<view class="flexcumal" style="margin-left: 54rpx;" @click="go('/pages5/log/lookLog')">
				<image src="/static/user/look.png" style="width: 40rpx;height: 43rpx;"></image>
				<view style="font-weight: 400;font-size: 22rpx;color: #3B3B3B;margin-top: 10rpx;">看日志</view>
			</view>
			<view class="button flexcen">提交日志</view>
		</view>
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatar:'https://cdn.uviewui.com/uview/album/10.jpg',
				value: '',
				type: 'textarea',
				border: false,
				height: 120,
				autoHeight: true,
				logType:0,    //日志类型：0:日报，周报，月报  1:其他
			}
		},
		onLoad(option) {
			this.logType = option.logType
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	
	.frame-text{
		margin-top: 40rpx;
		font-weight: 500;
		font-size: 30rpx;
		color: #000000;
	}

	.frame-line{
		width: 686rpx;
		height: 0rpx;
		border: 1rpx solid #707070;
		opacity: 0.29;
	}
	.frame-people{
		display: flex;
		flex-wrap: wrap;
	}
	.people-item{
		margin-top: 30rpx;
		margin-left: 30rpx;
	}
	.item-img{
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
	}
	.icon{
		margin-left: 50rpx;
		margin-top: -5rpx;
		position: absolute;
		width: 26rpx;
		height: 26rpx;
		background: #D54941;
		border-radius: 50%;
	}
	.frame-name{
		font-weight: 400;
		font-size: 24rpx;
		color: #333333;
	}
	
	.frame-buttom{
		position: fixed;
		bottom: 0rpx;
		width: 750rpx;
		height: 120rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -2rpx 6rpx 1rpx rgba(0,0,0,0.16);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	.button{
		margin-left: 53rpx;
		width: 545rpx;
		height: 80rpx;
		background: #0052D9;
		border-radius: 15rpx 15rpx 15rpx 15rpx;
		font-weight: normal;
		font-size: 30rpx;
		color: #FFFFFF;
	}
</style>
